// -----------------<订单管理样式>
.message {
    width: 100%;
    height: calc(100vh - 50px);
    background-color: #f7f7f7;
}

.message-header {
    color: black;
    padding: 10px;
    display: flex;
    align-items: center;
    font-size: 0.392rem;
    &-item {
        flex: 3;
        line-height: 50px;
        text-align: right;
    }
    &-item1 {
        flex: 2;
        line-height: 50px;
        text-align: right;
    }
    
}

.message-body {
    width: 100%;
    height: calc(100vh - 120px);
    &-List {
        width: 94%;
        margin: 0 auto;
        overflow-y: scroll;
        border-radius: 2%;
        background-color: #ffffff;
        padding: 10px;
        height: calc(100vh - 134px);
        &-item {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 5px;
            border: 1px solid #cccccc;
            margin-top: 10px;
            border-radius: 15px;
            // border-bottom: 1px solid #cccccc;
            &-icon {
                font-family: "iconfont";
                width: 50px;
                height: 50px;
                display: flex;
                justify-content: center;
                align-items: center;
                border-radius: 50%;
                margin-top: 20%;
            }
            &-text {
                font-size: 0.228rem;
            }
            &-text1 {
                font-family: 'iconfont';
                font-size: 0.276rem;
            }

            &-time {
                font-size: 0.244rem;
                color: #adabab;
            }
        }
        p {
            margin-bottom: .2rem;
        }
    }
}

// -----------------<订单消息样式>
.Ordermessage {
    width: 100%;
    height: calc(100vh - 50px);
    background-color: #f7f7f7;
}

// 头部样式
.Ordermessage-header {
    background-color: #ffffff;
    color: black;
    padding: 20px;
    display: flex;
    align-items: center;
    font-size: 0.392rem;
    &-item {
        flex: 1;
        line-height: 50px;
        text-align: center;
    }
    &-item1 {
        flex: 12;
        line-height: 50px;
        text-align: center;
    }
}

// body样式
.Ordermessage-main {
    width: 100%;
    box-sizing: border-box;
    &-List {
        width: 94%;
        height: calc(100vh - 90px);
        margin: 0 auto;
        overflow-y: scroll;
        padding: 10px;
        font-size: 0.392rem;
        box-sizing: border-box;
        &-item {
            width: 100%;
            border-radius: 5%;
            font-size: 0.3rem;
            box-sizing: border-box;
            &-d1 {
                width: 100%;
                border-radius: 5%;
                padding: 10px;
                background-color: #ffffff;
                box-sizing: border-box;
            }
            &-p1 {
                padding: 10px 0 0 0;
                margin-bottom: 5px;
                font-weight: bolder;
                color: #333333;
            }
            &-p2 {
                margin-bottom: 5px;
                padding: 10px 0 0 0;
                font-size: 0.3rem;
            }
            &-p3 {
                font-size: 0.3rem;
            }
        }
    }
}

//-----------------<互动消息样式>
// Intermessag
.Intermessage-header {
    background-color: #ffffff;
    color: black;
    padding: 20px;
    display: flex;
    align-items: center;
    font-size: 0.392rem;
    &-item {
        flex: 1;
        line-height: 50px;
        text-align: center;
    }
    &-item1 {
        flex: 12;
        line-height: 50px;
        text-align: center;
    }
}

.Intermessage-body {
    width: 100%;
    font-size: 0.26rem;
    &-List {
        padding: 10px 0 0 0;
        display: flex;
        flex-wrap: wrap;
        width: 94%;
        height: calc(100vh - 134px);
        margin: 0 auto;
        overflow-y: scroll;
        &-item {
            padding: 10px 0 0 0;
            width: 100%;
            border-radius: 3%;
            &-icon {
                font-family: "iconfont";
                width: 50px;
                height: 50px;
                display: flex;
                justify-content: center;
                align-items: center;
                border-radius: 50%;
            }
            &-text {
                font-size: 0.26rem;
            }

            &-text1 {
                margin-bottom: 0;
                font-size: 0.26rem;
                font-weight: bolder;
            }

            &-text2 {
                color: black;
                font-weight: 600;
            }

            &-text3 {
                margin-bottom: 0;
                font-weight: 600;
            }
        }
    }
}

//-----------------<系统消息样式>
.systemmessages {
    width: 100%;
    height: calc(100vh - 0px);
    background-color: #f7f7f7;
}

.systemmessages-header {
    background-color: #ffffff;
    color: black;
    padding: 20px;
    display: flex;
    align-items: center;
    font-size: 0.392rem;
    &-item {
        flex: 1;
        line-height: 50px;
        text-align: center;
    }
    &-item1 {
        flex: 12;
        line-height: 50px;
        text-align: center;
    }
}

.systemmessages-body {
    &-List {
        width: 94%;
        margin: 0 auto;
        overflow-y: scroll;
        border-radius: 2%;
        padding: 10px;
        &-item {
            &-icon {
                font-family: "iconfont";
                width: 50px;
                height: 50px;
                display: flex;
                justify-content: center;
                align-items: center;
                border-radius: 50%;
            }
            &-text {
                font-size: 0.26rem;
            }
        }
    }
}

//---------------<消息设置样式>
.Setupmessage {
    width: 100%;
    height: calc(100vh - 0px);
    background-color: #f7f7f7;
}

.Setupmessage-header {
    color: black;
    padding: 20px;
    display: flex;
    align-items: center;
    font-size: 0.3rem;
    &-item {
        flex: 1;
        line-height: 50px;
        text-align: center;
    }
    &-item1 {
        flex: 12;
        line-height: 50px;
        text-align: center;
    }
}

.Setupmessage-body {
    width: 100%;
    font-size: 0.3rem;
    &-item {
        width: 95%;
        padding: 10px;
        margin: 0 auto;

        &-d1 {
            width: 100%;
            line-height: 30px;
            text-align: left;
            color: #7f7d7d;
            padding: 10px;
        }
        &-d2 {
            width: 100%;
            display: flex;
            flex-wrap: wrap;
            border-radius: 4%;
            background: #ffffff;
            justify-content: space-between;
            align-items: stretch;
            padding: 10px 0;
        }
    }
}

//----------------<聊天室样式>
.chatroom {
    width: 100%;
    height: calc(100vh - 0px);
    background-color: #f7f7f7;
}

.chatroom-header {
    background-color: #ffffff;
    color: black;
    padding: 20px;
    display: flex;
    align-items: center;
    font-size: 0.3rem;
    &-item {
        flex: 1;
        line-height: 50px;
        text-align: center;
    }
    &-item1 {
        flex: 12;
        line-height: 50px;
        text-align: center;
    }
}

.chatroom-body {
    &-List {
        width: 94%;
        height: calc(100vh - 140px);
        margin: 0 auto;
        overflow-y: scroll;
        border-radius: 2%;
        padding: 10px;
        font-size: 0.3rem;
        &-item {
            margin-top: 5%;
            &-d1 {
                width: 100%;
                display: flex;
                align-items: center;
            }

            &-icon {
                font-family: "iconfont";
                width: 50px;
                height: 50px;
                display: flex;
                justify-content: center;
                align-items: center;
                border-radius: 50%;
            }
            &-text {
                margin-bottom: 0;
            }
        }
    }
}
.chatroom-footer {
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    font-size: 0.3rem;
    &-item {
        width: 100%;
        height: 50px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 30px;
        background-color: #ffffff;
        &-1 {
            width: 80%;
            height: 35px;
            border: 1px solid #ccc;
            border-radius: 10px;

            input {
                line-height: 35px;
                padding: 0 10px;
            }
        }

        &-2 {
            line-height: 35px;
            font-size: 0.3rem;
        }
    }
}

//----------------<公共样式>
.dashed-line {
    border-top: 1px dashed #ccc;
    /* 虚线样式 */
    width: 100%;
    /* 宽度 */
    margin: 5px 0 0 0;
    /* 上下外边距 */
}

/* 在线链接服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
/* 在线链接服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
@font-face {
    font-family: 'iconfont';
    /* Project id 4611858 */
    src: url('//at.alicdn.com/t/c/font_4611858_7d74qh8qhc3.woff2?t=1728876045733') format('woff2'),
        url('//at.alicdn.com/t/c/font_4611858_7d74qh8qhc3.woff?t=1728876045733') format('woff'),
        url('//at.alicdn.com/t/c/font_4611858_7d74qh8qhc3.ttf?t=1728876045733') format('truetype');
}

@font-face {
    font-family: "iconfont";
    /* Project id 4696278 */
    src: url('//at.alicdn.com/t/c/font_4696278_43b6k9arlnl.woff2?t=1727322455609') format('woff2'),
        url('//at.alicdn.com/t/c/font_4696278_43b6k9arlnl.woff?t=1727322455609') format('woff'),
        url('//at.alicdn.com/t/c/font_4696278_43b6k9arlnl.ttf?t=1727322455609') format('truetype');
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-xing:before {
    content: "\e8d6";
}

.icon-xiaxue:before {
    content: "\e8d7";
}

.icon-xingxing:before {
    content: "\e8d8";
}

.icon-shengdanwa:before {
    content: "\e8d9";
}

.icon-shengdanye:before {
    content: "\e8da";
}

.icon-shengdanbaozhu:before {
    content: "\e8db";
}

.icon-shengdannihongdeng:before {
    content: "\e8dc";
}

.icon-tangguobang:before {
    content: "\e8dd";
}

.icon-shengdanlazhu:before {
    content: "\e8de";
}

.icon-shengdanshu:before {
    content: "\e8df";
}
@font-face {
    font-family: "iconfont";
    /* Project id 4611858 */
    src: url('//at.alicdn.com/t/c/font_4611858_dbnf1mgqnj4.woff2?t=1728876812711') format('woff2'),
        url('//at.alicdn.com/t/c/font_4611858_dbnf1mgqnj4.woff?t=1728876812711') format('woff'),
        url('//at.alicdn.com/t/c/font_4611858_dbnf1mgqnj4.ttf?t=1728876812711') format('truetype');
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-w_jianpan:before {
    content: "\e66c";
}

.icon-jianpan:before {
    content: "\e661";
}

.icon-xiaolian:before {
    content: "\e627";
}

.icon-xiaoxishezhi:before {
    content: "\e60e";
}

.icon-xiaoxishezhi1:before {
    content: "\e628";
}

.icon-user__easyico:before {
    content: "\e600";
}

.icon-user__easyico1:before {
    content: "\e601";
}

.icon-touxiang-nv:before {
    content: "\e613";
}

.icon-touxiang-nan:before {
    content: "\e614";
}

.icon-xiaoxi1:before {
    content: "\e657";
}

.icon-xiaoxi:before {
    content: "\e609";
}

.icon-dingdan:before {
    content: "\e68d";
}

.icon-fenlei1:before {
    content: "\e623";
}

.icon-fenlei:before {
    content: "\e638";
}